<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>认证酒店 商家详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/jiudian/jiudian_shangjiadetail.js"></script>
        <style>
            .ui-slider-content li span{
                width:100%;
                margin-left: 0;
            }
        </style>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>商家详情</h1>
            <span class="ui-header-right"><i class="ui-icons-share w_fxx"></i></span>
        </header>
        <div class="w_fxaa">
            <div class="w_fengx"></div>
            <div class="w_fxbox">
                <a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
            //分享
            Zepto(".w_fxx").tap(function(){
                //Zepto(".w_fxaa").show();
                shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
            //Zepto(".w_fengx").tap(function(){
                //Zepto(".w_fxaa").hide();
            //});
        </script> 
        <section class="ui-container">
            <div class="demo-block">
                <div class="ui-slider">
                    <ul class="ui-slider-content" style="width: 300%">
                        <li><span style="background-image:url(img/bt.jpg)" class="bacim"></span></li>
                        <li><span style="background-image:url(img/bt.jpg)" class="bacim"></span></li>
                        <li><span style="background-image:url(img/bt.jpg)" class="bacim"></span></li>
                    </ul>
                </div>
            </div>
            <script class="demo-script">
            (function (){
                var slider = new fz.Scroll('.ui-slider', {
                    role: 'slider',
                    indicator: true,
                    autoplay: true,
                    interval: 3000
                });
                slider.on('beforeScrollStart', function(fromIndex, toIndex) {});
                slider.on('scrollEnd', function(cruPage) {});
            })();
            </script>
            <div class="ui-store-list">
                <div class="wrapper ui-border-bottom bgwhite ">
                    <div class="ui-store-info clearfix" id="store01">
                        <script type="text/juicer" id="jd_detail_tpl01">
                        <div class="ui-store-avatar">
                            <img src="${shops.cover[0]}" width="70" height="70" alt="">
                        </div>
                        <div class="ui-store-star">
                            <h3>${shops.shopName}</h3>
                            <div class="ui-txt-highlight"><span class="ui-star ui-star-${shops.star}"></span>${shops.star}分</div>
                        </div>
                        <div class="ui-store-location ui-txt-muted">
                            <i class="icons-lbs"></i>距离${shops.distance}KM
                        </div>
                        </script>
                    </div>
                </div>
                <div class="ui-form ui-form-display" id="store02">
                    <div class="ui-form-item ui-border-b ui-form-item-link h25">
                        <a href=""id="telphone"><i class="icons-phone"></i><span id="tel"></span></a>
                    </div>
                    <div class="ui-form-item ui-border-b ui-form-item-link h25">
                        <i class="icons-position"></i><span id="address"></span>
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10" id="store03">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">酒店设施</span></label>
                    </div>
                    <div class="ui-store-device">
                        <ul class="clearfix">
                            <li>
                                <img src="img/store_device_wlan_on.png" alt="">
                                <h3>有线宽带</h3>
                            </li>
                            <li>
                                <img src="img/store_device_wash_on.png" alt="">
                                <h3>带洗浴</h3>
                            </li>
                            <li>
                                <img src="img/store_device_wifi_on.png" alt="">
                                <h3>Wifi上网</h3>
                            </li>
                            <li>
                                <img src="img/store_device_breakfast.png" alt="">
                                <h3>不含早餐</h3>
                            </li>
                            <li>
                                <img src="img/store_device_park.png" alt="">
                                <h3>收费停车</h3>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">房型</span></label>
                    </div>
                    <ul class="order-list">
                        <script type="text/juicer" id="jd_detail_tpl">
                        {@each arrays as item, index}
                        <li>
                            <a href="jiudian_detail.html?supplierId=${item.id}&distance=${shops.distance}">
                            <div class="order-list-pic">
                                <img src="${item.photos[0]}" alt="">
                            </div>
                            </a>
                            <div class="order-list-intro">
                                <div class="order-list-intro-text">
                                    <p>${item.name}</p>
                                    <p class="ui-txt-red fz18 mt10">￥${item.price} <s class="ui-txt-muted fz14">${item.oldPrice}</s></p>
                                </div>
                                 <div class="order-list-intro-button">
                                   <a href="jiudian_tijiaodingdan.html?supplierId=${item.id}"><button class="ui-btn ui-btn-danger" >立即购买</button></a>
                                 </div>
                            </div>
                        </li>
                        {@/each}
                        </script>
                    </ul>
                </div>
            </div>
        </section>
    </body>
</html>
